<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component">
	<f:loadBundle var="etiqueta" basename="etiquetas"></f:loadBundle>
	<f:loadBundle var="constante" basename="constantes"></f:loadBundle>
	<h:head>
		<title>#{etiqueta['titulo']}</title>
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/rime/rime.css" />
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/estilos.css" />
	</h:head>
	<h:body styleClass="pageCover">
		<ui:include src="/menuTemplate.xhtml" />
		<h:form>
			<ice:panelGroup styleClass="100per centrarGrupo" >
				<div align="center">
					<ice:panelGrid styleClass="contentClass">
						<ice:panelGrid styleClass="100per izquierdaGrupo">
							<!-- Agregar producto -->
							<f:facet name="header">
								<div align="center">
									<ice:outputText value="#{etiqueta['proveedor.titulo']}" ></ice:outputText>
								</div>
							</f:facet>
							<ice:panelGrid columns="2" styleClass="100per">
								<!-- Panel info materia prima-->
								<ice:outputText id="estadoProveedor" value="#{etiqueta['proveedor.estado']}"></ice:outputText>
								<ice:selectBooleanCheckbox id="valorEstadoProveedor" value="#{proveedorBean.proveedor.activo}">
								</ice:selectBooleanCheckbox>
								<ace:tooltip for="estadoProveedor" value="#{etiqueta['proveedor.estado.tooltip']}"></ace:tooltip>
								<ace:tooltip for="valorEstadoProveedor" value="#{etiqueta['proveedor.estado.tooltip']}"></ace:tooltip>
								
								<ice:outputText value="#{etiqueta['proveedor.fechaIngreso']}"></ice:outputText>
								<ace:dateTimeEntry 
									id="fechaIngreso"
									showOn="button"
									renderAsPopup="true"
									timeZone="#{proveedorBean.timeZone}"
									pattern="#{constante['formatoFechaCorto']}"
									rendered="true"
									navigator="true"
									popupIcon="../estilos/css/imagenes/cal_button.gif"
									popupIconOnly="true"
									value="#{proveedorBean.proveedor.fechaIngreso}" 
									style="width:80%"
									timeOnly="false"
									readOnlyInputText="true"
									readonly="true"> 
								</ace:dateTimeEntry>
								
								<ice:outputText value="#{etiqueta['proveedor.nombre']}"></ice:outputText>
								<ice:inputText value="#{proveedorBean.proveedor.nombre}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['proveedor.representante']}"></ice:outputText>
								<ice:inputText value="#{proveedorBean.proveedor.representante}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['proveedor.contacto']}"></ice:outputText>
								<ice:inputText value="#{proveedorBean.proveedor.contacto}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['proveedor.telefono']}"></ice:outputText>
								<ice:inputText value="#{proveedorBean.proveedor.telefono}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['proveedor.correoElectronico']}"></ice:outputText>
								<ice:inputText value="#{proveedorBean.proveedor.correoElectronico}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['proveedor.direccion']}"></ice:outputText>
								<ice:inputText value="#{proveedorBean.proveedor.direccion}"></ice:inputText>
								
								
							</ice:panelGrid>
							<ice:panelGrid columns="6">
								<f:facet name="header">
									<ice:outputText value="#{etiqueta['proveedor.subtitulo']}"></ice:outputText>
								</f:facet>
								
								<ice:outputText value="#{etiqueta['proveedor.diaEntrega']}"></ice:outputText>
								<ice:inputText value="#{proveedorBean.proveedor.diaEntrega}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['proveedor.formaPago']}"></ice:outputText>
								<ice:inputText value="#{proveedorBean.proveedor.formaPago}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['proveedor.tiempoEntrega']}"></ice:outputText>
								<ice:inputText value="#{proveedorBean.proveedor.tiempoEntrega}"></ice:inputText>
								
							</ice:panelGrid>
							<ice:panelGrid columns="1">
								<ice:outputText value="#{etiqueta['proveedor.observaciones']}"></ice:outputText>
								<ice:inputTextarea value="#{proveedorBean.proveedor.observaciones}" maxlength="250">
								</ice:inputTextarea>
							</ice:panelGrid>
							<div align="center">
								<ice:panelGrid columns="2">
									<ice:commandButton value="#{etiqueta['boton.guardar']}" actionListener="#{proveedorBean.guardarProveedor}"
										rendered="#{not proveedorBean.editandoProveedor}"></ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.editar']}"
										rendered="#{proveedorBean.editandoProveedor}" 
										actionListener="#{proveedorBean.editarProveedor}"></ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.cancelar']}"
										rendered="#{proveedorBean.editandoProveedor}" 
										actionListener="#{proveedorBean.cancelarEdicionProveedor}"></ice:commandButton>
								</ice:panelGrid>
								<ice:commandButton value="#{etiqueta['boton.consultar']}" actionListener="#{proveedorBean.consultarProveedores}"></ice:commandButton>
							</div>
						</ice:panelGrid>
						<ice:panelGrid styleClass="100per" columnClasses="centrarGrupo" columns="1">
							<ace:dataTable id="listaProveedores"
								rows="10"
								var="proveedor"
								value="#{proveedorBean.proveedores}"
								paginator="true"
					            paginatorPosition="bottom">
								<f:facet name="header">
									<div align="center">
										<ice:outputText value="#{etiqueta['proveedor.tabla.titulo']}"></ice:outputText>
									</div>
								</f:facet>
								
								<ace:column headerText="#{etiqueta['proveedor.tabla.acciones']}">
									<ice:panelGrid columns="3">
										<ice:commandButton title="#{etiqueta['boton.editar']}"
											actionListener="#{proveedorBean.seleccionarProveedorEditar}"
											image="../estilos/css/imagenes/pen-16.gif">
											<f:attribute name="idProveedor" value="#{proveedor.idproveedores}"/>
										</ice:commandButton>										
									</ice:panelGrid>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['proveedor.tabla.fechaIngreso']}">
									<ice:outputText value="#{proveedor.fechaIngreso}">
										<f:convertDateTime pattern="#{constante['formatoFechaCorto']}"/>
									</ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['proveedor.tabla.nombre']}"
									sortBy="#{proveedor.nombre}"
									filterBy="#{proveedor.nombre}" filterMatchMode="contains">
									<ice:outputText value="#{proveedor.nombre}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['proveedor.tabla.representante']}" 
									sortBy="#{proveedor.representante}"
									filterBy="#{proveedor.representante}" filterMatchMode="contains">
									<ice:outputText value="#{proveedor.representante}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['proveedor.tabla.contacto']}" 
									sortBy="#{proveedor.contacto}"
									filterBy="#{proveedor.contacto}" filterMatchMode="contains">
									<ice:outputText value="#{proveedor.contacto}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['proveedor.tabla.telefono']}" >
									<ice:outputText value="#{proveedor.telefono}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['proveedor.tabla.correoElectronico']}" >
									<ice:outputText value="#{proveedor.correoElectronico}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['proveedor.tabla.estado']}" >
									<ice:outputText
										rendered="#{proveedor.activo}" 
										value="#{etiqueta['proveedor.tabla.estado.activo']}">
									</ice:outputText>
									<ice:outputText
										rendered="#{!proveedor.activo}" 
										value="#{etiqueta['proveedor.tabla.estado.inactivo']}">
									</ice:outputText>
								</ace:column>
							</ace:dataTable>
						</ice:panelGrid>
					</ice:panelGrid>
				</div>
			</ice:panelGroup>
		</h:form>
	</h:body>
</html>